<script setup lang="ts">
import {ref} from "vue";
import type {RouteRecordRaw} from "vue-router";
import {NRadioButton, NRadioGroup, NSpace} from 'naive-ui'

const props = defineProps({
    buttons: {
        type: Array<RouteRecordRaw>,
        required: true,
    },
});
const value = ref("")
console.log("buttons", props.buttons)

</script>

<template lang="pug">
.m_top_group
    button.m_top_btn(v-for="song in buttons" :key="song.meta.title" :value="song.meta.title")  {{ $t(song.meta.title) }}
</template>
<style scoped lang="scss">
@import "@/assets/styles/sass/index";

.m_top_group {
    @include m_flex_horizon();
}

.m_top_btn {
    @include m_btn_style_dark(24px);
    position: relative;
    vertical-align: bottom;
}

.m_top_a {
    @include m_btn_style_dark(24px);
    position: relative;
    vertical-align: bottom;
}

</style>